<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>QQ注册</title>
		<link rel="stylesheet" type="text/css" href="../css/register.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		
		<!--<script src="js/register.js" type="text/javascript" charset="utf-8"></script>-->
	</head>
	<body>
		<div class="rotation">
			<img class="active" src="../images/01-1.jpg"/>
			<img src="../images/01-3.jpg"/>
			<img src="../images/01-4.jpg"/>
			<div class="Qpic">
				<a href="#"><img src="../images/logo@2x.png"/></a>
				<a href="#"><span>QQ</span></a>
			</div>
		</div>
		
		<div class="right_top">
			<div class="one">
				<img src="../images/logo3.png"/>
				<span class="Qinfo">QQ靓号
					<div class="Qnumber">
						<form method="get">
							<input type="text" name="Qnumber" placeholder="搜索QQ靓号，如1992,520"/>
							<a class="fangdajing" href="https://haoma.qq.com/shop.html#num=&from=zc"><span style="font-size: 20px" class="iconfont icon-fangdajing"><span></a>
							<div class="Qtext">
								<a href="">生日</a>
								<a href="">星座</a>
								<a href="">爱情</a>
								<a href="">手机</a>
							</div>
							
						</form>
					</div>
				</span>
				
				
			</div>
			<div class="two">
				<ul>
					<li class="li_baba">简体中文
						<img class="ok" src="../images/down.png"/>
						<img src="../images/up.png"/>
						<ul class="ul_child">
							<li>繁體中文</li>
							<li>English</li>
						</ul>
					</li>
				</ul>
			</div>
			
			<div class="three">
				<a href="https://support.qq.com/products/14802"><p>意见反馈</p></a>
			</div>
		</div>
		
		<div class="right_main">
			<div class="title">
				<p>欢迎注册QQ</p>
				<p>每一天，乐在沟通。<a href="#">免费靓号</a></p>				
			</div>
			<div class="form_main">
				<form class="QQform" action="" method="get" autocomplete="off">
					<input class="name" type="text" name="username" placeholder="昵称"/>
					<p class="nichen"><span>!</span>昵称不可以为空</p>
					<span style="font-size: 30px;" class="iconfont icon-dui duione"></span>
					
					<div style="position: relative;">
						<input class="pwd" type="password" name="pwd" placeholder="密码"/>
						<p class="nichen"><span>!</span>密码不可以为空</p>
						<div class="passtxt">
						<p><span class="wordtxt">√</span>不能包括空格</p>
						<p><span class="wordtxt">!</span>长度为8-16个字符</p>
						<p><span class="wordtxt">!</span>必须包含字母、数字、符号中至少两种</p>
						</div>
						<span style="font-size: 30px;" class="iconfont icon-dui duitwo"></span>
					</div>
					
					
					
					<input class="phone" type="text" name="phone" placeholder="手机号码"/>
					<p class="nichen"><span>!</span>手机号不可以为空</p>
					<p  style="position: relative;" class="tips">可通过该手机找回密码
						<span style="font-size: 30px;" class="iconfont icon-dui duithree"></span>
					</p>
					
					<div style="position: relative;" class="yanzheng">
						<input class="yanzhengma1" type="text" name="yanzhengma1" placeholder="验证码"/>					
						<p style="position: absolute;top: 75px;left: 0;" class="nichen"><span>!</span>验证码不可以为空</p>
						<div class="yanzhengma2"><span>获取验证码</span></div>	
						<span style="font-size: 30px;" class="iconfont icon-dui duifour"></span>
						<span class="yanzhengx">验证码错误</span>
					</div>
					<button style="cursor: pointer;" class="regi" name="regi">立即注册</button>
					<input  type="checkbox" />
					<span class="agree">
						我已阅读并同意相关服务条款和隐私政策
						<img class="okk" src="../images/down.png"/>
						<img src="../images/up.png"/>
					</span>
					<div class="yinsi">
						<p><a href="https://ssl.zc.qq.com/chs/agreement1_chs.html">《QQ号码规则》</a></p>
						<p><a href="https://privacy.qq.com/policy/tencent-privacypolicy">《隐私政策》</a></p>
						<p><a href="https://qzone.qq.com/web/tk.html">《QQ空间服务协议》</a></p>
					</div>
					
				</form>
			</div>
			<br /><br /><br /><br /><br />
		</div>
		
		<script src="../js/register.js" type="text/javascript" charset="utf-8"></script>
		

	</body>
</html>
